<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>register</title>
</head>

<body>
    <div class="registerBox">
        <a href="./login.html">密码登录</a>
    </div>
    <div class="titleBox mt20">
        <p class="register-title">手机号登录/注册</p>
        <p class="register-msg">快速找到好友, 一站式记录你的运动</p>
    </div>
    <div class="form-text mt40">
        <div class="telBox dpflex">
            <div class="telInp">+86</div>
            <i class="iconfont icon-daosanjiao"></i>
            <input type="text" id="tel" class="flex1 tel" placeholder="请输入账号">
        </div>
        <div class="yzmBox dpflex mt20">
            <input id="yzmInp" class="yzmInp flex1" type="text" placeholder="请输入验证码">
            <canvas class="yzm" width="123" height="50" id="captcha1"></canvas>
        </div>
        <input type="password" id="pwdInp" class="account mt20" placeholder="请输入密码">
        <input type="password" id="repwdInp" class="pwd mt20" placeholder="请再次确认密码">
        <div class="btn mt20 ta">注册账号</div>
    </div>
    <div class="wechatLogin dpflex mt20">
        <i class="iconfont icon-weixin"></i>
        <div>微信登录</div>
    </div>
    <p class="bottomP ta">-HOLD ON-</p>
    
</body>

</html>